<template>
    <section id="features" class="py-20">
      <div class="text-center max-w-3xl mx-auto mb-16">
        <span class="inline-block px-3 py-1 bg-indigo-100 text-indigo-800 text-sm font-medium rounded-full mb-4">强大特性</span>
        <h2 class="text-[clamp(1.75rem,3vw,2.5rem)] font-bold text-gray-900 mb-6">为什么选择我们的 AI 平台</h2>
        <p class="text-lg text-gray-600">我们提供业界领先的 AI 工具，集成多种强大功能，满足您的各种创意与工作需求。</p>
      </div>
      
      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
        <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 border border-gray-100 group">
          <div class="w-14 h-14 rounded-lg bg-indigo-100 flex items-center justify-center mb-6 group-hover:bg-indigo-200 transition-colors">
            <i class="fa fa-bolt text-indigo-600 text-2xl"></i>
          </div>
          <h3 class="text-xl font-bold text-gray-900 mb-3">快速响应</h3>
          <p class="text-gray-600">基于高性能云端计算，我们的 AI 模型响应速度比同类产品快 40%，大幅提升您的工作效率。</p>
        </div>
        
        <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 border border-gray-100 group">
          <div class="w-14 h-14 rounded-lg bg-indigo-100 flex items-center justify-center mb-6 group-hover:bg-indigo-200 transition-colors">
            <i class="fa fa-cogs text-indigo-600 text-2xl"></i>
          </div>
          <h3 class="text-xl font-bold text-gray-900 mb-3">多模型支持</h3>
          <p class="text-gray-600">集成多种先进 AI 模型，您可以根据需求选择最合适的模型，获得最佳的结果。</p>
        </div>
        
        <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 border border-gray-100 group">
          <div class="w-14 h-14 rounded-lg bg-indigo-100 flex items-center justify-center mb-6 group-hover:bg-indigo-200 transition-colors">
            <i class="fa fa-shield text-indigo-600 text-2xl"></i>
          </div>
          <h3 class="text-xl font-bold text-gray-900 mb-3">安全可靠</h3>
          <p class="text-gray-600">严格的数据安全措施，确保您的数据和隐私得到充分保护，所有数据处理均符合 GDPR 标准。</p>
        </div>
      </div>
    </section>
  </template>    